<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="keywords" content="网站建设、APP开发、微信公共号定制">
    <meta name="description" content="成都千峰云科技有限公司致力于网站建设、APP开发、微信公共号定制等">
    <meta name="author" content="成都千峰云科技有限公司">
    <title>新闻详情</title>
    <!--common-->
    <link rel="stylesheet" href="./css/common.css">
    <link href="../public/TciocEx/css/style-responsive.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="../public/TciocEx/js/html5shiv.js"></script>
    <script src="../public/TciocEx/js/respond.min.js"></script>
    <![endif]-->
    <!-- Placed js at the end of the document so the pages load faster -->
    <script src="../public/TciocEx/js/jquery-1.10.2.min.js"></script>
    <script src="../public/TciocEx/js/bootstrap.min.js"></script>
    <!--轮播和滑动效果-->
    <link rel="stylesheet" href="../public/js/amazeui/amazeui.min.css">
    <link rel="stylesheet" href="../public/js/amazeui.slick/amazeui.slick.css">
    <script src="../public/js/amazeui.slick/slick.js"></script>
    <script src="../public/js/amazeui/amazeui.js"></script>
    <!-- 必须引入的文件 -->
    <link rel="stylesheet" href="../public/js/nprogress/nprogress.css">
    <script src="../public/js/jquery.pjax/jquery.pjax.js"></script>
    <script src="../public/js/nprogress/nprogress.js"></script>
    <style>
        .content1{width: 62.5%;margin: 0 auto}
        .case{width: 40.1%;margin-left: 18.75%;padding-top: 60px;margin-bottom: 50px}
        .case-ch{font-size: 22px;height: 28px;color: #333333}
        .case-en{font-size: 14px;height: 28px;color: #999999}
        .case-content{padding-top: 40px}
        .case-content img{width: 44.5%}
        .case-text{width: 52.5%;float: right}
        .p1{font-size: 18px;line-height: 28px;color: #333333}
        .p2{font-size: 14px;line-height: 24px;color: #666666}
        .news{ width: 18.75%;right: 18.75%;position: absolute; top: -35%;background-color: #2495e4  }
        .news-title{border-bottom: 1px solid #91caf1; height: 120px;  color: #fff;  padding: 28px 10px 0 10px;}
        .news-ch{font-size: 22px;height: 28px;color: #ffffff;
            border-bottom: 0px !important;}
        .news-en{font-size: 14px;height: 28px;color: #91caf1;float: left !important;}
        .content ul{overflow: hidden;padding: 0;margin: 0}
        .content ul li{height: 90px;list-style-type: none; padding-top: 20px; }
        .list-left{width: 25%;float: left;text-align: center}
        .list-right{width: 70%;float: right}
        .left-p1 , .right-p1 {margin:0 ;font-size: 16px;line-height: 24px;color: #ffffff;font-weight: bold}
        .left-p2 , .right-p2 {margin:0 ;font-size: 14px;line-height: 24px;color: #89bce0}
        .news-active{background-color: #147ac1}

        /*中心介绍*/
        .about{min-width: 1200px;width: 62.5%;background-color: #147ac1;height: 360px;margin: 230px auto auto auto }
        .about-left{width: 50%;float: left}
        .about-left-img{max-width:  100%;margin: -35px auto auto 20px}
        .about-right{width: 39%;float: right;margin-right: 83px}
        .about-title{margin-top: 70px;font-size: 24px;line-height: 28px;color: #ffffff}
        .about-en-title{font-size: 14px;line-height: 28px;color: #91caf1}
        .about-details{font-size: 14px;line-height: 22px;color: #f5f5f5;min-height:130px}
        .about-span{float: right;width: 68px;height: 36px;border: 1px solid #ffffff;z-index: 1000}
        .about-span img{width: 22px;height: 10px;margin:13px 24px}
        /*经典设备*/
        .equipment{  min-width: 1200px;width: 62.5%;margin: 0 auto}
        .equipment a{ color: #333333 }
        .eq-active{background-color: #2495e4 ;color: #ffffff}
        .eq-active a{color: #ffffff}
        .eq-left{float: left}
        .eq-title{font-size: 22px;line-height: 28px;color: #333333}
        .eq-en-title{font-size: 14px;line-height: 28px;color: #999999}
        .eq-right{float: right}
        .eq-right ul li{float: left;list-style:none;height: 36px;width: 115px;text-align: center;font-size: 16px;line-height: 36px;color: #333333}
        .eq_content{width: 100%}
        .eq_content ul li{
            width: 30%;
            height: 360px;
            margin-right: 3%;
            float: left;
            list-style: none;
            border: 0;
            border-bottom: 1px solid #999999;
        }
        .list-img { max-width:  100% ;  max-height: 163px;margin-top: 20px ;margin-bottom: 15px; text-align:center;overflow: hidden  }
        .list-img img{height: 100%;max-width: 100%}
        .title{font-size: 18px;font-weight:bold;line-height: 28px;text-align: center;padding-top: 12px}
        .p1{font-size: 14px;line-height: 24px;color: #999999}
/*合作伙伴*/
        .my-gallery-slick {min-width: 1000px;width: 50%;margin: 0 auto}
        .am-gallery-item{width: 80%}
        .am-gallery-item img{ max-height: 50px}
        /*联系我们*/
        .contact{min-width: 1200px;width: 62.5%;margin: 0 auto }
        .text{width: 60%;margin-left:30%;margin-right: 10%;text-align: left}
        .text h2{font-size: 18px;font-weight: 800;line-height: 60px;color: #ffffff}
        .text p{font-size: 14px;line-height: 24px;color: #989898;margin: 0px}
        .text-span{font-size: 14px;line-height: 24px ; display:inline-block;width: 45px}
        .form{width: 80%;margin-left: 18%;margin-right: 2%;}
        .form input{height: 40px}
        .form_part{border: 0;  border-bottom: 1px solid #999999;border-radius: 0;  font-size: 14px;line-height: 60px;background-color:transparent !important; }
        .submit { width: 100px; font-size: 16px;line-height:60px;color:#999999;background-color: transparent}
        .white_content{
            display: none;
            position: fixed;
            width: 20%;
            top: 20%;
            left: 40%;
            z-index:1002;
            overflow: auto;
        }
        .black_overlay{
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #dddddd;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
    </style>
</head>
<body>
<div class="top_content" style="min-width: 1200px;width: 60%;margin: 0 auto;">
    <div class="logo">
        <img src="images/logo.png">
    </div>
    <div class="phone">
        <span style="height: 20px;margin-right: 8px"><img src="images/call.png"></span><span class="phone_num" >0816-2493340</span>
    </div>
</div>
<div class="navigation" style="min-width: 1200px;width: 60%;margin: 0 auto;">
    <ul>
        <li  class="active" ><a href="index.html">首页</a></li>
        <li ><a href="core.html">中心简介</a></li>
        <li ><a href="equipment.html">设备介绍</a></li>
        <li ><a href="case.html">典型案例</a></li>
        <li ><a href="">设备研发</a></li>
        <li ><a href="download.html">资料下载</a></li>
        <li ><a href="news.html">新闻动态</a></li>
        <li   ><a href="contact.html">联系我们</a></li>
    </ul>
</div>
<div class="banner">
    <div data-am-widget="slider" class="am-slider am-slider-b1" data-am-slider='{"controlNav":false}'>
        <ul class="am-slides">
            <li>
                <img src="images/index/banner1.png">

            </li>
            <li>
                <img src="images/index/banner2.png">

            </li>
            <li>
                <img src="images/index/banner2.png">

            </li>
            <li>
                <img src="images/index/banner2.png">

            </li>
        </ul>
    </div>

</div>
<div class="col-md-12" >
    <!--<div class="content1">-->
        <div class="case">
                <div class="title">
                    <div class="case-ch">典型案例</div>
                    <div class="case-en">CLASSIC CASE</div>
                </div>
            <a href="">
                <div class="case-content">
                    <img src="images/index/case.png" alt="">
                    <div class="case-text" >
                        <p class="p1">汽车类</p>
                        <p class="p2">这里是关于汽车类案例具体应用的一些文字，这里是关于汽车类
                            案例具体应用的一些文字，</p>
                        <p class="p2" style="width: 16px"><img src="images/index/case-jt.png" alt=""  style="width: 100%"></p>
                    </div>
                </div>
            </a>
        </div>
        <div class="news  ">
            <a href="">
                <div class="news-title" >
                    <div class="news-ch">新闻动态</div>
                    <div class="news-en">NEWS INFORMATION</div>
                    <div style="width: 35px;float: right;margin-right: 40px;margin-top: -20px"><img src="images/index/news-jt.png" alt="" style="width: 100%"></div>
                </div>
            </a>
            <div class="content">
                <ul style="list-sytle:none">
                    <li>
                        <div class="list-left" style="width: 25%;float: left">
                            <div style="height: 55px;width: 70px;margin: 0 auto;background-color: #147ac1">
                                <p class="left-p1" >10-28 </p>
                                <p class="left-p2" >2017</p>
                            </div>
                        </div>
                        <a href="">
                            <div  class="list-right" style="width: 70%;float: right">
                                <p  class="right-p1" >全国政协副主席万钢参观...</p>
                                <p class="right-p2" > </p>
                            </div>
                        </a>
                    </li>
                    <li class="news-active" >
                        <div class="list-left" style="width: 25%;float: left">
                           <div style="height: 55px;width: 70px;margin: 0 auto;background-color: #147ac1">
                               <p class="left-p1" >10-28 </p>
                               <p class="left-p2" >2017</p>
                           </div>
                        </div>
                        <a href="">
                            <div  class="list-right" style="width: 70%;float: right">
                                <p  class="right-p1" >科技部条财司条件处处长孙增...</p>
                                <p class="right-p2" > 2013年10月10日，科技部科研条件与</p>
                            </div>
                        </a>
                    </li>

                    <li>
                        <div class="list-left" style="width: 25%;float: left">
                            <div style="height: 55px;width: 70px;margin: 0 auto;background-color: #147ac1">
                                <p class="left-p1" >10-28 </p>
                                <p class="left-p2" >2017</p>
                            </div>
                        </div>
                        <a href="">
                            <div  class="list-right" style="width: 70%;float: right">
                                <p  class="right-p1" >家X射线数字化成像仪器中心...</p>
                                <p class="right-p2" > </p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="list-left" style="width: 25%;float: left">
                            <div style="height: 55px;width: 70px;margin: 0 auto;background-color: #147ac1">
                                <p class="left-p1" >10-28 </p>
                                <p class="left-p2" >2017</p>
                            </div>
                        </div>
                        <a href="">
                            <div  class="list-right" style="width: 70%;float: right">
                                <p  class="right-p1" >深圳山体滑坡事故救援...</p>
                                <p class="right-p2" > </p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    <!--</div>-->
</div>
<div class="col-md-12" style="background-image: url('images/index/us-b.png');width: 100%;height: 410px;margin-top: 80px">
    <div class="about">
        <div class="about-left" ><img  class="about-left-img"  src="images/index/about.png" alt="" ></div>
        <div class="about-right"  >
            <a href="core.html"><div class="about-title">中心简介</div></a>
            <div  class="about-en-title">ABOUT US</div>
            <p  class="about-details">
                国家X射线数字化成像仪器中心是2009年6月由国家科技部批复、四川省人民政府同意，依托中物院应用电子学研究所，以X射线数字化成像技术为主要研究与应用内容的国家大型科学仪器中心...
            </p>
            <p>
                <a href="core.html">
                    <span  class="about-span" >
                        <img   src="images/index/about-jt.png" alt="">
                    </span>
                 </a>
            </p>
        </div>
    </div>
</div>
<div class="col-md-12" style="margin-top: 260px;">
    <div class="equipment" >
        <div style="height: 56px">
            <div class="eq-left">
                <div class="eq-title">经典设备</div>
                <div class="eq-en-title">CLASSICAL EQUIPMENT</div>
            </div>
            <div class="eq-right">
                <ul>
                    <li><a href="" data-pjax="true" >纳米CT</a></li>
                    <li class="eq-active"><a href="" data-pjax="true" >高能CT</a></li>
                    <li><a href="https://www.baidu.com" data-pjax="true" >低能CT</a></li>
                    <li><a href="equipment.html"><img src="images/index/eq-jt.png" alt=""></a></li>
                </ul>
            </div>
        </div>
        <div class="eq_content">
            <ul>
                <li>
                    <a href="equipment_article.html">
                        <div class="list-img">
                            <img src="images/equipment/list1.png" alt="" height="100%">
                        </div>
                        <P class="title">6MeV高能工业CT系统</P>
                        <p class="p1">最大检测直径600mm，最大检测高度1.2米，最大检测
                            重量300kg。空间分辨率2Lp/mm，密度分辨率0.8...</p>
                    </a>
                </li>
                <li>
                    <a href="equipment_article.html">
                        <div class="list-img">
                            <img src="images/equipment/list2.png" alt="" height="100%">
                        </div>

                        <P class="title">9MeV高精度大型工业CT系统</P>
                        <p class="p1">最大检测直径1米，最大检测高度1.5米，最 大检测重量1吨。空间分辨率1.5Lp/m...</p>
                    </a>
                </li>
                <li>
                    <a href="equipment_article.html">
                        <div class="list-img">
                            <img src="images/equipment/list3.png" alt="" height="100%">
                        </div>
                        <P class="title">160kV显微CT系统</P>
                        <p class="p1">最大检测直径300mm，密度分辨率0.8% ， 系统放大比100倍，细节分辨率5µm</p>
                    </a>
                </li>
                <li>
                    <a href="equipment_article.html">
                        <div class="list-img">
                            <img src="images/equipment/list4.png" alt="" height="100%">
                        </div>
                        <P class="title">450kV双源双探测器CT系统</P>
                        <p class="p1">最大检测直径600mm，最大检测高度1.2 米，最大检测重量300kg。空间分辨...</p>
                    </a>
                </li>
                <li>
                    <a href="equipment_article.html">
                        <div class="list-img">
                            <img src="images/equipment/list5.png" alt="" height="100%">
                        </div>
                        <P class="title">Cougar高精度原装CT系统</P>
                        <p class="p1">225kV X射线源，最大检测高度2米</p>
                    </a>
                </li>
                <li>
                    <a href="equipment_article.html">
                        <div class="list-img">
                            <img src="images/equipment/list6.png" alt="" height="100%">
                        </div>
                        <P class="title">纳米分辨率成像系统</P>
                        <p class="p1">FXE225 X射线源，焦点尺寸最小500nm， 系统放大比≥1000，细节分辨率...</p>
                    </a>
                </li>
                <li>
                    <a href="equipment_article.html">
                        <div class="list-img">
                            <img src="images/equipment/list7.png" alt="" height="100%">
                        </div>
                        <P class="title">电子研究仪器设备</P>
                        <p class="p1">电子研究仪器设备介绍电子研究仪器设备介 绍电子研究仪器设备介绍电子研究仪器...</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="list-img">
                            <img src="images/equipment/list7.png" alt="" height="100%">
                        </div>
                        <P class="title">电子研究仪器设备</P>
                        <p class="p1">电子研究仪器设备介绍电子研究仪器设备介 绍电子研究仪器设备介绍电子研究仪器...</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="list-img">
                            <img src="images/equipment/list7.png" alt="" height="100%">
                        </div>
                        <P class="title">电子研究仪器设备</P>
                        <p class="p1">电子研究仪器设备介绍电子研究仪器设备介 绍电子研究仪器设备介绍电子研究仪器...</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="col-md-12  " style="height: 140px;margin-top: 140px">
    <ul data-am-widget="gallery" class="am-gallery am-avg-sm-2 my-gallery-slick
      am-avg-md-3 am-avg-lg-4 am-gallery-default" data-am-gallery="{ pureview: false }"  >
        <li>
           <div class="am-gallery-item">
                <a href="index.html" class="">
                    <img src="images/index/about.png"   alt=""/>
                </a>
           </div>
        </li>
        <li>
            <div class="am-gallery-item">
                <a href="index.html" class="">
                    <img src="images/index/link.png"  style="height: 150px" alt=""/>
                </a>
            </div>
        </li>
        <li>
            <div class="am-gallery-item">
                <a href="index.html" class="">
                    <img src="images/index/link.png"  style="height: 150px" alt=""/>
                </a>
            </div>
        </li>
        <li>
            <div class="am-gallery-item">
                <a href="{:sp_get_image_preview_url($vo['url'])}" class="">
                    <img src="images/index/link.png"  style="height: 150px" alt=""/>
                </a>
            </div>
        </li>
        <li>
            <div class="am-gallery-item">
                <a href="{:sp_get_image_preview_url($vo['url'])}" class="">
                    <img src="images/index/link.png"  style="height: 150px" alt=""/>
                </a>
            </div>
        </li>
        <li>
            <div class="am-gallery-item">
                <a href="{:sp_get_image_preview_url($vo['url'])}" class="">
                    <img src="images/index/link.png"  style="height: 150px" alt=""/>
                </a>
            </div>
        </li>
        <li>
            <div class="am-gallery-item">
                <a href="{:sp_get_image_preview_url($vo['url'])}" class="">
                    <img src="images/index/link.png"  style="height: 150px" alt=""/>
                </a>
            </div>
        </li>
        <li>
            <div class="am-gallery-item">
                <a href="{:sp_get_image_preview_url($vo['url'])}" class="">
                    <img src="images/index/link.png"  style="height: 150px" alt=""/>
                </a>
            </div>
        </li>
        <li>
            <div class="am-gallery-item">
                <a href="{:sp_get_image_preview_url($vo['url'])}" class="">
                    <img src="images/index/link.png"  style="height: 150px" alt=""/>
                </a>
            </div>
        </li>
    </ul>
</div>
<div class="col-md-12" style="height: 460px;background-color: #333333;margin-bottom: 40px">
    <div class="contact" style="height: 460px">
        <div class="left_content col-lg-6 col-md-6 " style="padding-top: 100px" >
            <div class="text" >
                <h2>国家X射线数字化成像仪器中心</h2>
                <p><span class="text-span">地点：</span>四川省绵阳市科创园区创业大道237号  </p>
                <p><span class="text-span">邮箱：</span>NCXRDII@126.com</p>
                <p><span class="text-span" >电话：</span>2493340</p>
                <p> <span class="text-span" >网站：</span>www.nxdic.org</p>
                <p><span class="text-span" ></span>www.nxdic.cn</p>
                <div style="margin-top: 30px">
                    <span  style="margin-right: 10px"><a href=""><img src="images/index/wb.png" alt=""></a></span>
                    <span style="margin-right: 10px" ><a href=""><img src="images/index/qq.png" alt=""></a></span>
                    <span><a href="#" onclick="openWindow(this)" ><img src="images/index/wx.png" alt=""></a></span>
                </div>
            </div>
        </div>
        <div class="right_content col-lg-6 col-md-6" style="padding-top: 100px">
            <div  class="form">
                <form action="{:U('api/guestbook/addmsg')}" class="js-ajax-form form-horizontal adminex-form" method="post">
                    <div class="row" style="margin-bottom:30px;">
                        <div style="width: 30%;margin-right: 3%;float: left;">
                            <input class="form-control form_part"  type="text" name="full_name" datatype="" placeholder="姓名" >
                        </div>
                        <div style="width: 30%;margin-right: 3%;float: left;">
                            <input class="form-control form_part"  type="text" name="email" datatype="" placeholder="邮箱" >
                        </div>
                        <div style="width: 32%;float: left;">
                            <input class="form-control form_part"  type="text" name="phone" datatype="" placeholder="电话" >
                        </div>
                        <div style="clear: both"></div>
                    </div>

                    <div class="row" style="margin-bottom:30px;">
                        <div class="form-group col-md-12" style="margin: 0;padding: 0;">
                            <textarea class="form-control form_part"  style="height: 130px" type="text"  name="msg" datatype="" placeholder="内容" ></textarea>
                        </div>
                    </div>
                    <button  type="submit" class="submit  js-ajax-submit" style="border: 1px solid #999999">

                        提交
                    </button>

                </form>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div  style="min-width: 1200px;width: 60%;margin: 0 auto;">
        <span class="fl" >技术支持：成都千峰云科技</span>
        <span class="fr" >COGHT (©) 2014-2020 qiit.com - BSZC.蜀ICP备12131535号-1</span>
    </div>
</div>
<img  id="light_wechat" class="white_content" onClick="closeWindow()" src='images/contact/wei.jpg' width="100%">
<div id="fade" class="black_overlay"   onClick="closeWindow()"></div>
</body>
</html>
<script>
    $('.my-gallery-slick').slick({"slidesToShow": 8,"slidesToScroll": 8});
</script>
<script>
    function openWindow(obj){
        $('#light_wechat').css("display",'block');
        $('#fade').css("display",'block');
    }
    function closeWindow(){
        $('#light_wechat').css("display",'none');
        $('#fade').css("display",'none');
    }
    function openWindowpc(obj){
        $('#light_wechat_pc').css("display",'block');
        $('#fade').css("display",'block');
    }
</script>
<script>
    $(function(){
        /* 使用pjax + NProgress 插件  */
        //$(document).pjax('a[data-pjax="true"]',"#content",{scrollTo:false,type:"post"});
        $.pjax.defaults.timeout = 3000;
        $(document).pjax('a[data-pjax="true"]',".equipment",{scrollTo:false,type:"post",fragment:('.equipment'),show:'fade'});
        NProgress.configure({showSpinner: false});
        NProgress.start();
        $(window).load(function() {NProgress.done();});
        $(document).on('pjax:start', function() { NProgress.start(); });
        $(document).on('pjax:end',   function() { NProgress.done(); });
    });
</script>